/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family: 'Conv_Montserrat-Light',Arial,"微软雅黑","黑体",'宋体';color:#1a1a1a;font-style: normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}
.relative {position: relative;}
.h100 {overflow:hidden;height:100%;}
.h100 body{ overflow:hidden;height:100%;}

#hlsload{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999;display: none;}
.loadcontainer { position:relative;width:100%; height:100%;}
#loadsvg {position: absolute;top: 50%;margin-top: -60px;left: 50%;margin-left: -97.5px;width: 195px;height: 35px;}
.load-text {position: absolute;top: 50%;margin-top: 10px;left: 50%;margin-left: -50px;width: 100px;height: 40px; text-align:center; font-size:22px; color:#FFF;}
.hidemain {opacity: 0;height: 0px;overflow: hidden;}



/* header */
header {position: fixed;left: 0;top: 0;width: 100%;height: auto;background:#fff;z-index: 99;border-bottom: 1px solid rgba(0,0,0,0.1);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.content {width: 94%;margin: auto;position: relative;height: 100%;overflow: hidden;}
header .hls-header {height:100px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .hls-logo {display: block;width: 200px;height:50px;background: url("../images/logo.png") center no-repeat;background-size: 100%;top:50%;left:0;margin-top: -24.5px; position: absolute; }
header .hls-header .right {position: absolute;top:50%;right:0;margin-top: -11px;}
header .hls-header .right .hls-nav {float: right;}
header .hls-header .right .hls-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .right .hls-nav a{color: #1a1a1a;font-size: 16px;margin-right:50px;position: relative;overflow: hidden;}
header .hls-header .right .hls-nav a:first-child {padding: 0 10px;}
header .hls-header .right .hls-nav a::after {content: '';width:0px;height: 2px;background: #1a1a1a;position: absolute;left: 0;bottom: -20px;}
header .hls-header .right .hls-nav a.cur {font-weight: bold;color: #000;}
header .hls-header .right .hls-nav a.cur::after {width: 100%;}
header .hls-header .right .hls-nav a:hover::after {width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .right .hls-nav a.before::after {left: auto; right: 0;}

header .hls-header .right .language {float: right;}
header .hls-header .right .language * {float: left;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .right .language i {display: block; overflow: hidden; width: 20px; height:20px;background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
header .hls-header .right .language ul { display: block;height: 20px;overflow: hidden;}
header .hls-header .right .language a {font-size: 14px; color: #1a1a1a; line-height: 22px;margin-left:10px;}
header .hls-header .right .language a:hover {}
header .hls-header .right .language li {width: 0px;margin-left: 0;}
header .hls-header .right .language-show li{width:110px;margin-left:10px;}
header .hls-header .right .language li a:hover { text-decoration:underline ;}

header .hls-header .right .search {float: right;width: 20px;height: 20px;margin: 0 20px;padding:0 20px; position: relative;}
header .hls-header .right .search a{display: block; width: 20px;height: 20px;background: url("../images/ss-h.svg") center no-repeat;}
/*header .hls-header .right .search::before,header .hls-header .right .search::after {content: '';opacity: .2;width: 1px;height: 100%;background: #1a1a1a;position: absolute;top: 0;}*/
header .hls-header .right .search::before {left:0;}
header .hls-header .right .search::after {right:0;}
header .hls-header .right .other {float: right;}
header .hls-header .right .other a {font-size: 16px;line-height: 20px; color: #1a1a1a;} 
 

header.header-fixed {box-shadow: 0 5px 8px rgba(0,0,0,.2);}
header.header-fixed .hls-header {height:60px;}
header.header-fixed .hls-header .hls-logo {background: url("../images/logo.png") center no-repeat;background-size:100%;}
header.header-fixed .hls-header .right .hls-nav a{font-size: 14px;margin-right:50px;color: #1a1a1a;}
header.header-fixed .hls-header .right .hls-nav a::after { height: 1px;bottom:-10px;background: #000;}
header.header-fixed .hls-header .right .other a {font-size: 14px;line-height: 20px;color: #1a1a1a;} 
header.header-fixed .searchshow {padding:5px 0;}
 

header#header {border-bottom: 1px solid rgba(255,255,255,0.2);background:none;}
header#header .hls-header .hls-logo {background: url("../images/logo.png") center no-repeat;background-size: 100%;}
header#header .right .hls-nav a{color: #fff;}
header#header .hls-header .right .hls-nav a.cur {color: #fff;}
header#header .hls-header .right .hls-nav a::after {background: #fff;}
header#header .hls-header .right .language i {background: url("../images/yy.svg") no-repeat;background-size:100%;}
header#header .hls-header .right .language a {color: #fff;}
header#header .hls-header .right .search a{background: url("../images/ss.svg") center no-repeat;}
header#header .hls-header .right .search::before,#header .hls-header .right .search::after {background: #fff;}
header#header .hls-header .right .other a {color: #fff;} 


header#header.header-fixed {background:#fff;}
header#header.header-fixed .hls-header .hls-logo {background: url("../images/logo.png") center no-repeat;background-size:100%;}
header#header.header-fixed .hls-header .right .hls-nav a{color: #1a1a1a;}
header#header.header-fixed .hls-header .right .hls-nav a::after { background: #000;}
header#header.header-fixed .hls-header .right .other a {color: #1a1a1a;}
header#header.header-fixed .hls-header .right .language i {background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
header#header.header-fixed .hls-header .right .language a {color: #1a1a1a;}
header#header.header-fixed .hls-header .right .search a{background: url("../images/ss-h.svg") center no-repeat;}
header#header.header-fixed .hls-header .right .search::before,#header .hls-header .right .search::after {background: #1a1a1a;}



.search-show header .hls-header .right .hls-nav {display: none;}
.search-show .searchshow {top:0px;}
.search-show header .hls-header {background: #fff;}
.search-show header#header .hls-header .hls-logo {background: url("../images/logo.png") center no-repeat;background-size: 100%;}
.search-show header#header .hls-header .right .language i {background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
.search-show header#header .hls-header .right .language a ,.search-show header#header .hls-header .right .other a{color: #1a1a1a;}
.search-show header#header .hls-header .right .search {width: 0px;margin: 0 20px;padding: 0 0px;}
.search-show header#header .hls-header .right .search a {display: none;}


.searchshow {width: 60%;position: absolute;left:20%;top:-100px;z-index: 3; height: 40px;padding:30px 0; overflow: hidden;}
.searchshow {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.searchshow form {display: block;overflow: hidden;position: relative;width:55%;margin: auto;}
.searchshow .searchclose {left: 0;width: 25px;height: 25px;line-height: 25px; font-family: "font_family";font-size: 20px;color: #000;}
.searchshow .searchclose:before {content: "\e611";}
.searchshow .searchinput {background: none;border-bottom: 2px solid #ededed;height: 40px;line-height: 40px;font-size: 16px;width: 90%;padding:0 5%;outline: none;text-align: center;}
.searchshow .searchinput:focus {border-bottom: 2px solid #000;}
.searchsubmit {right: 0; width: 20px;height: 20px;background:url("../images/ss-h.svg") center no-repeat;background-size: 100%;outline: none;}
.searchshow .searchclose,.searchshow .searchsubmit {position: absolute;top:10px;z-index: 3;cursor: pointer;}
.searchshow .searchclose:hover,.searchshow .searchsubmit:hover {opacity: 0.8;}


.lang-en header .hls-header .right .hls-nav a {font-size: 16px;margin-right:40px;}
.lang-en footer .hls-footer .leftnav ul li a {font-size: 12px;}
.lang-en header .hls-header .right .language-show li{width:80px;margin-left:10px;}


/* footer */
footer { overflow: hidden; position: relative;background: #1a9dca;}
footer .hls-footer {padding: 5% 0 4% 0; overflow: hidden;}
footer .hls-footer .leftnav{width:60%;float: left;}
footer .hls-footer .leftnav ul{float: left;width:14%;} 
footer .hls-footer .leftnav ul:nth-child(3){width: 24%;}
footer .hls-footer .leftnav ul h4{font-size: 16px;color: #fff;} 
footer .hls-footer .leftnav ul li{padding-top:30px; overflow: hidden;} 
footer .hls-footer .leftnav ul li a{display: block;font-size: 14px;line-height: 30px;color: rgba(255,255,255,0.8);} 
footer .hls-footer .leftnav ul li a:hover {color: #07546f;}
footer .hls-footer .right{width:40%;float: right;text-align: right;}
footer .hls-footer .right ul {display: block;float: right;clear: both;overflow: hidden;padding: 10px 0;font-size: 12px;color: rgba(255,255,255,0.8);text-transform: uppercase;}
footer .hls-footer .right ul a.flogo{display: block;width: 200px;height: 50px;background: url("../images/logo.png") no-repeat;background-size: 100%;}
footer .hls-footer .right ul h4 {color: rgba(255,255,255,0.8);font-size: 14px;letter-spacing: 2px;}
footer .hls-footer .right ul h3 {color: rgba(255,255,255,0.8);font-size: 18px;font-family: 'Conv_Montserrat-Bold',Arial,"微软雅黑","黑体",'宋体';}
footer .hls-footer .right ul li {text-align: right; font-size: 14px;}
footer .hls-footer .right ul li p{line-height: 24px;color: rgba(255,255,255,0.8);}
/*footer .hls-footer .right ul li a{display: inline-block;font-family: "font_family";width:36px;height: 36px;background-color: #202020;border-radius: 100%;margin-left: 10px;font-size: 20px;line-height: 36px;text-align: center;}
footer .hls-footer .right ul li a.f1:before {content: "\e61d";}
footer .hls-footer .right ul li a.f2:before {content: "\e61e";}
footer .hls-footer .right ul li a.f3:before {content: "\e61f";}
footer .hls-footer .right ul li a.f4:before {content: "\e620";}*/
footer .hls-footer .right ul a {color: rgba(255,255,255,0.8);}
footer .hls-footer .right ul a:hover {color: #fff;} 
footer .hls-footer .right ul:last-child {padding:0px 0;}

footer .hls-footer .leftnav .code{float: left; width: 20%;}
footer .hls-footer .leftnav .code h4{font-size: 16px;color: #fff;} 
footer .hls-footer .leftnav .code .codeimg{width: 100%; margin-top: 30px;}
footer .hls-footer .leftnav .code .codeimg span img{width: 100%; max-width: 100px;}
footer .hls-footer .leftnav .code .codeimg span{width: 100%; color: #fff; line-height: 20px; float: left;    margin-bottom: 10px;}






.aniblack .mlogo {;background-image: url(http://www.walrus.com.cn/static/images/mlogo2.svg);}
.aniblack .cd-nav-trigger span{background:#000;}
.h100.aniblack.no-touch .mlogo {;background-image: url(http://www.walrus.com.cn/static/images/mlogo1.svg);}
.h100.aniblack.no-touch .cd-nav-trigger span{background:#fff;}
.htfixed .mheader{background: #1a1a1a;}


/* mobile nav */
.nav_mobile{display: none;position: relative;}
.mheader {height:50px;position:fixed;left: 0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;}
.mlogo {display: block; width:120px;height:30px;overflow: hidden; background-image: url(../images/logo.png);background-repeat: no-repeat; left:15px;top:10px; position: absolute;z-index: 94; background-size: 100%;}
.mlanguage {display: block; width:100px;overflow: hidden;right:4%;top:18px; position: absolute;z-index: 94;color: #fff;padding-left: 20px;background: url("../images/yy.svg") left center no-repeat;background-size:12%;}
.mlogo.indexmlogo { background-image: url(../images/logo.png);}
.no-touch .mlogo{ background-image: url(../images/logo.png);}

.mheader.mhfixed {background: #fff;}
.mheader.mhfixed .mlogo.indexmlogo{ background-image: url(../images/logo.png);}
.mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#000;}
.no-touch .mheader.mhfixed .mlogo.indexmlogo{ background-image: url(../images/logo.png);}
.no-touch .mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#fff;}


.cd-nav-trigger{position: absolute;z-index:898;top:5px;right:3%;height:40px;width: 40px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:20px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px);}

.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.no-touch .cd-nav-trigger span{background:#fff;}
.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;background:#fff;}
.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}

.cd-nav-container{background-color:#34bbea;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ }
.cd-nav li{width:80%;margin: auto; overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#eee 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#000;}
.mchildren {display:none; width:100%; margin:0px auto;}
.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#00a2ff;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.bmob { display:block; float: none;padding-top:10%; margin:auto; text-align:center; clear:both; position:relative;overflow: hidden;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;color: #666;}
.bmob form{ position:relative; display:block; width:80%; margin:5% auto auto;}
.bmob .searchinput{border-bottom:#fff 1px solid;line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:#fff; color:#999;}
.bmob .getsearch{ width:18px; height:18px;background: none; opacity: 0.4; position:absolute; right:10%;margin-right: -9px; top:10px; z-index:1; cursor:pointer; outline:none;font-family: "font_family";-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.bmob .getsearch:hover {opacity:0.5;}
.bmob .getsearch::before {content: "\e60e";width: 30px;height: 30px;font-size:18px;color: #666;}
.bmob .getsearch.onfss {right:5%;margin-right: 0px;}


.cd-nav-trigger.indexmnav span{background:#fff;}
.no-touch  .mheader.mhfixed {background:none;}





 

/* 弹窗 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.video-content {display: none;position: fixed;box-sizing: border-box;padding:0px;top:7.2%;left: 50%;width:1200px;margin-left: -600px;background:#131313;z-index: 1002;overflow: hidden;}
.video-content .main {position: relative;}
.video-content .main video {display: block;width: 100%;height: auto;}
.video-content .text {font-size: 14px;color: #ccc;line-height: 26px;padding:20px 20px 20px 150px;overflow: hidden;position: relative;}
.video-content .text h2 {display: block;padding-bottom: 5px;font-size: 18px;color: #fff;position: absolute;left: 40px;top: 22px;z-index:1;}
.video-content .close {display:block;width:40px;height: 40px;background:#fff url("http://www.walrus.com.cn/static/images/del-h.svg") center no-repeat;background-size:60%;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 99;}
.video-content .close:hover {background:#000 url("http://www.walrus.com.cn/static/images/del-b.svg") center no-repeat;background-size:60%;}


.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.white_content .dtable{}
.white_content .dtable .dtable-cell {height: auto!important;}
.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}
.white_content form * {display: block;overflow: hidden;}
.white_content form {overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.white_content form select {border: 1px solid #ededed;padding:10px 30px 10px 20px;width:49%;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.white_content form select {background: url("../images/sj.png") 90% center no-repeat;}
.white_content form select::-ms-expand { display: none; }
.white_content form select,.white_content form select option {font-size: 14px;color: #999;}
.white_content form .sl {float: left;}
.white_content form .cr {float: right;}
.white_content form select.sc {width:100%;background-position:95% center;}
.white_content form input { outline:none;}
.white_content li { padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.white_content li h6 {font-size: 12px;color: #000;display: inline-block;padding-right: 10px;}
.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}
.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.uploadfile {position: absolute;right: 8px;top: 12px;z-index: 1;background: #34bbea;color: #fff;line-height: 30px;padding:0 20px;cursor: pointer;}
.white_content .input { border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#000;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#34bbea;}
.white_content .btn .guanbi {display:block;width:29px;height:29px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;font-family: "font_family";}
.white_content .btn .guanbi::before{content: "\e611";font-size:29px;color: #999;}
.white_content .btn .guanbi:hover::before {color: #000;}
.white_content .btn .guanbi:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}





.iplay { border:#FFF 2px solid;border-radius:100px; width:75px; height:75px; cursor: pointer; overflow:hidden; position:relative; margin:auto;}
.iplay i{display:block;width:0;height:0;border-width:8px 0px 8px 12px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-4px; margin-top:-8px;}
.iplay:hover {background: #fff;}
.iplay:hover i { border-color:transparent transparent transparent #000;}


.videoshow {display: none;background: #000;position: fixed;width: 100%;height:100%;z-index: 999;left: 0;top: 0;}
.videoshow .close {width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;}
.videoshow .close::before {font-family: "font_family";content: "\e611";color: #fff;font-size: 30px;}
.videoshow .close:hover {opacity: 0.5;}
.videoshow video {width:100%;height:100%;}

 
 
.pagenum{display:inline-block;vertical-align: top;}
.m-page { padding:1% 0 5% 0; overflow:hidden; clear:both;text-align: center;}
.m-page a,.m-page span{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center;color:#1a1a1a; overflow:hidden; margin:0 2px;font-size: 18px;font-family: 'Conv_Montserrat-Regular',Arial,"微软雅黑","黑体",'宋体';}
.m-page a.Ahover,.m-page a:hover,.m-page a.on { background:#1a1a1a; color:#FFF;}
.m-page a.return {width: 100px;font-size: 14px;float: left;}
.m-page a:first-child,.m-page a:last-child {font-size: 14px;font-weight: bold;}


.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;}
.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #34bbea;}
.rolling-top:hover i{background: #34bbea;}



/* 滚动内容样式 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 610px;position: relative;}
.scroll_cont{height: 100%;overflow: hidden; padding-right:5%;}
.scroll_bar{position: absolute;top:0;right:0;width:4px;height: 100%;background-color: #ededed;}
.scroll_slider{position: absolute;top:0px;right:0px;width:4px;height:100px;background-color:#1a1a1a; overflow:hidden;opacity:1.5; cursor:pointer;z-index: 9;}
.scroll_slider:hover{background-color:#34bbea;}


/* select */
.nice-select { float:left;width:30%;padding: 0 10px;height: 41px;border: 2px solid #ccc;position: relative; margin-right:1%;background: #fff url(../images/sj.png) no-repeat 90% center;cursor:pointer;}
.nice-select input {display: block;width: 100%;height: 41px;line-height: 41px;border: 0;outline: 0;background: none;cursor:pointer;}
.nice-select ul {width: 100%;display: none;position: absolute;left: -2px;top: 41px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 2px solid #ccc;border-top: 0;z-index:9999;}
.nice-select ul li {height: 41px;line-height: 41px;overflow: hidden;padding: 0 10px;cursor: pointer; font-size:14px;}
.nice-select ul li.on {background-color: #e0e0e0;}